<template>
  <div>
    <h3>表单组件</h3>
    <div>
      <ul class="nav nav-tabs">
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/radio">单选框</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/checkbox">多选框</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/input">输入框</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/select">选择框</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/date">日期与时间</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/upload">文件上传</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/other">其他组件</router-link>
        </li>
        <li>
          <router-link replace class="list-group-item" active-class="active" to="/form/form">表单</router-link>
        </li>
      </ul>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Form"
}
</script>


<style scoped>

</style>